<template>
  <little-card :card="card" show-data toggle-able color="#6ce87d" style="width: 240px"></little-card>
  <default-card :card="card" is-kp="true" tab-mode></default-card>
</template>

<script>
import LittleCard from "@/components/card/LittleCard";
import DefaultCard from "@/components/card/DefaultCard";
export default {
  name: "BattleView",
  components: {DefaultCard, LittleCard},

  computed: {
    card() {
      return this.$store.getters.cardByIndex(-1)
    }
  }
}
</script>

<style scoped>

</style>
